﻿<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
    
    <head>
        <title>
            Transparency Examples - 吾乐吧软件站 - www.wuleba.com
        </title>
        <style type="text/css">
            body {font-family:Verdana,Arial } img { -ms-opacity:0.4; opacity:0.4 }
            img:hover { -ms-opacity:1.0; opacity:1.0 } .box_white,.box_black { font-size:14px;font-weight:bold;text-align:center;padding:10px;display:inline-block;width:100px
            } .box_white { background-color:white;border:2px solid black;color:black
            } .box_black { background-color:black;border:2px solid white;color:white
            } .box_0 { -ms-opacity:1.0; opacity:1.0 } .box_25 { -ms-opacity:0.75; opacity:0.75
            } .box_50 { -ms-opacity:0.5; opacity:0.5 } .box_75 { -ms-opacity:0.25;
            opacity:0.25 } .box_100 { -ms-opacity:0; opacity:0 }
        </style>
    </head>
    
    <body>
        <h1>
            Image Transparency
        </h1>
        Hover over an image to make it fully opaque.
        <br>
        <img src="images/klematis1.jpg" width="150" height="113" alt="klematis">
        <img src="images/klematis2.jpg" width="150" height="113" alt="klematis">
        <h1>
            Block Transparency
        </h1>
        <span class="box_white box_0">
            White 0%
        </span>
        <span class="box_white box_25">
            White 25%
        </span>
        <span class="box_white box_50">
            White 50%
        </span>
        <span class="box_white box_75">
            White 75%
        </span>
        <span class="box_white box_100">
            White 100%
        </span>
        <br>
        <span class="box_black box_0">
            Black 0%
        </span>
        <span class="box_black box_25">
            Black 25%
        </span>
        <span class="box_black box_50">
            Black 50%
        </span>
        <span class="box_black box_75">
            Black 75%
        </span>
        <span class="box_black box_100">
            Black 100%
        </span>
        <div style="display:none;">
            <script type="text/javascript">
                var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
                document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F73f8690e804607ec46bfd2f4375620cd' type='text/javascript'%3E%3C/script%3E"));
            </script>
            <script type="text/javascript">
                var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
                document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2d23f9f93a74d085fbeb86b6d7607429' type='text/javascript'%3E%3C/script%3E"));
            </script>
        </div>
    </body>

</html>